// 1 导入react
import React from 'react'
import ReactDOM from 'react-dom'

// 引入css文件
import "./index.css"

// import img from './img/cat.jpg'

// JSX 仅仅是 createElement() 方法的语法糖(简化语法)
// JSX是语法被@bable/preset-react 插件编译为 createElement()方法
// React元素: 是一个对象,用来描述你希望在屏幕上看到的内容


const element = <h1 className="greeting">Hello JSX!</h1>

console.log(element)

//3 渲染react元素
ReactDOM.render(
    element,
    document.getElementById('root'))
